System and method for selecting a tab within a tabbed browser

ABSTRACT

The techniques and mechanisms described herein are directed to a method for managing and selecting one out of large set of open tabs in a tabbed browser. Browsing software is configured to provide a quick pick user-interface that visually displays the content of the several tabs, such as a by displaying a thumbnail for each tab. The thumbnails allow a user to easily distinguish between each opened tab. The browsing software may also be configured to recognize a user selection from within the quick pick user-interface and in response, switch back to a tabbed window view and display the selected tab in that view. The browsing software may adjust the tab row so that the selected tab is positioned in a favorable position within the tab row. In addition, within the quick pick user-interface, the user may reposition the thumbnails and/or close the thumbnails, thus affecting the associated tab in the tab row.

TECHNICAL FIELD

This document generally relates to browsing software, and moreparticularly, to tabbed-browsing software.

BACKGROUND

Browsing the World Wide Web (the web), the graphical portion of theInternet, has become quite popular in recent years. A software program,commonly referred to as a web browser, or just browser, provides aneasy-to-use point-and-click interface for accessing various content onthe web. Upon entering a web address or URL of a particular website, thebrowser requests web pages from a web server hosting that website. Thebrowser then interprets the web pages and displays the content on adisplay. The web pages include hypertext and hyperlinks that, whenselected, cause the browser to request additional content associatedwith them. By selecting the hypertext and hyperlinks, a user mayconveniently navigate through pages of information—commonly known asbrowsing or surfing the Internet.

Each time one of the hypertext or hyperlinks is selected, the newcontent is downloaded into the current window. Depending on the networkbandwidth, this may cause a brief to extensive delay. For convenience,additional windows may be opened to view multiple web pages. However,after opening several web pages, each in its own window, the taskbar maybecome quite cluttered. This makes it difficult to re-locate aparticular web page. Tabbed browsers have been introduced to help managethe viewing of multiple web pages.

Tabbed browsers load web pages in “tabs” within the same browser window.Therefore, only one item appears on the taskbar, even though multipleweb pages are loaded. New tabs may be opened via a hotkey, a contextmenu item on a link or the like. The new web page downloads in thebackground into the new tab. This allows a user to continue viewing thecurrent web page without automatically switching to the other web page.At any time, the user may click on the associated tab and view that webpage. Tabbed browsing makes it easier and more convenient to viewmultiple web pages. However, when multiple tabs are open, users mayexperience difficulty switching between them.

The present mechanism further enhances the tabbed-browsing experience,especially with selecting one out of a large set of open tabs.

SUMMARY

The techniques and mechanisms described herein are directed to a methodfor managing and selecting one out of several open tabs in a tabbedbrowser. Briefly stated, browsing software is configured to provide aquick pick user-interface that visually displays the several tabs. Thequick pick user-interface displays a rich set of information for eachtab, such as a thumbnail, meta-data describing each tab (e.g., title)and/or other adornments. The thumbnails allow a user to easilydistinguish between each opened tab. The browsing software may also beconfigured to recognize a user selection from within the quick pickuser-interface and in response, switch back to the tabbed window viewand display the selected tab in that view. The browsing software mayadjust the tab row so that the selected tab is positioned in a favorableposition within the tab row. In addition, within the quick pickuser-interface, the user may reposition the thumbnails and/or close thethumbnails, thus affecting the associated tab in the tab row.

BRIEF DESCRIPTION OF THE DRAWINGS

Non-limiting and non-exhaustive embodiments are described with referenceto the following figures, wherein like reference numerals refer to likeparts through-out the various views unless otherwise specified.

FIG. 1 is an illustrative computer environment that may be used toimplement the techniques and mechanisms described herein.

FIG. 2 is a block diagram illustrating one embodiment of an architecturefor implementing tabbed browsing that provides a quick pick tabuser-interface as described herein.

FIG. 3 is a display illustrating one embodiment of a user-interface thatsupports the quick pick mechanism in a tabbed browser.

FIG. 4 is a display illustrating one embodiment for the quick pickuser-interface and illustrating a user's selection within the interface.

FIG. 5 is a display illustrating the tabbed window after the user'saction within the quick pick user-interface shown in FIG. 4.

FIG. 6 is a display illustrating the quick pick user-interface andillustrating another user's selection within the interface.

FIG. 7 is a display illustrating the tabbed window after the user'saction within the quick pick user-interface shown in FIG. 6.

FIG. 8 is a display illustrating the quick pick user-interface andillustrating a user re-positioning a thumbnail within the interface.

FIG. 9 is a display illustrating the tabbed window after the user'saction within the quick pick user-interface shown in FIG. 8.

FIG. 10 is an operational state diagram generally illustrating theprocessing for managing open tabs and selecting one out of a large setof open tabs within a tabbed browser using the present quick pickfeature.

DETAILED DESCRIPTION

Briefly, the techniques and mechanisms described herein are directed tomanaging and selecting one out of a large set of open tabs within atabbed window displayed by a browser. A quick pick user-interface isprovided that visually displays a rich set of information, such asthumbnails, meta-data describing each tab (e.g., title) and the like.The thumbnails may be selected and/or moved within the quick pickuser-interface. Upon switching back to the tabbed window view, the tabrow and the contents of the tabbed window are modified based on theinteractions that occurred in the quick pick user interface. Thefollowing discussion describes the quick pick mechanism within a tabbedbrowser that supports tabbed-heterogeneous windows. However, afterreading the following description, one skilled in the art couldincorporate the quick pick mechanism into other types of tabbedbrowsers. As will be described in more detail below, the present quickpick mechanism provides a convenience that was unavailable until now.

Exemplary Computing Environment

The various embodiments of the quick pick mechanism may be implementedin different computer environments. The computer environment shown inFIG. 1 is only one example of a computer environment and is not intendedto suggest any limitation as to the scope of use or functionality of thecomputer and network architectures. Neither should the computerenvironment be interpreted as having any dependency or requirementrelating to any one or combination of components illustrated in FIG. 1.

With reference to FIG. 1, one exemplary system for implementing a quickpick mechanism includes a computing device, such as computing device100, In a very basic configuration, computing device 100 typicallyincludes at least one processing unit 102 and system memory 104.Depending on the exact configuration and type of computing device,system memory 104 may be volatile (such as RAM), non-volatile (such asROM, flash memory, etc.) or some combination of the two. System memory104 typically includes an operating system 106, one or more programmodules 108, and may include program data 110. This basic configurationis illustrated in FIG. 1 by those components within dashed line 112.

Computing device 100 may have additional features or functionality. Forexample, computing device 100 may also include additional data storagedevices (removable and/or non-removable) such as, for example, magneticdisks, optical disks, or tape. Such additional storage is illustrated inFIG. 1 by removable storage 114 and non-removable storage 116. Computerstorage media may include volatile and nonvolatile, removable andnon-removable media implemented in any method or technology for storageof information, such as computer-readable instructions, data structures,program modules, or other data. System memory 104, removable storage 114and non-removable storage 114 are all examples of computer storagemedia. Thus, computer storage media includes, but is not limited to,RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM,digital versatile disks (DVD) or other optical storage, magneticcassettes, magnetic tape, magnetic disk storage or other magneticstorage devices, or any other medium which can be used to store thedesired information and which can be accessed by computing device 100.Any such computer storage media may be part of device 100. Computingdevice 100 may also have input device(s) 118 such as keyboard 132, mouse134, pen, voice input device, touch input device, etc. Output device(s)120 such as a display, speakers, printer, etc. may also be included.These devices are well know in the art and need not be discussed atlength here.

Computing device 100 may also contain communication connections 122 thatallow the device to communicate with other computing devices 124, suchas over a network. Communication connection(s) 122 is one example ofcommunication media. Communication media may typically be embodied bycomputer-readable instructions, data structures, program modules, orother data in a modulated data signal, such as a carrier wave or othertransport mechanism, and includes any information delivery media. Theterm “modulated data signal” means a signal that has one or more of itscharacteristics set or changed in such a manner as to encode informationin the signal. By way of example, and not limitation, communicationmedia includes wired media such as a wired network or direct-wiredconnection, and wireless media such as acoustic, RF, infrared and otherwireless media. The term computer readable media as used herein includesboth storage media and communication media.

Various modules and techniques may be described herein in the generalcontext of computer-executable instructions, such as program modules,executed by one or more computers or other devices. Generally, programmodules include routines, programs, objects, components, datastructures, etc. for performing particular tasks or implement particularabstract data types. These program modules and the like may be executedas native code or may be downloaded and executed, such as in a virtualmachine or other just-in-time compilation execution environment.Typically, the functionality of the program modules may be combined ordistributed as desired in various embodiments.

An implementation of these modules and techniques may be stored on ortransmitted across some form of computer readable media. Computerreadable media can be any available media that can be accessed by acomputer. By way of example, and not limitation, computer readable mediamay comprise “computer storage media” and “communications media.”

Exemplary Architecture

FIG. 2 is a block diagram illustrating one embodiment of an architecture200 for implementing the quick-pick mechanism as described herein.Architecture 200 includes one or more content windows 202. The contentwindow may be a web browser, a shell view, a word processingapplication/document, a spreadsheet application/document, a presentationapplication/document, a document viewer, or the like. Each contentwindow 202 is associated with its own toolbars/menus 204, custom bars206, status bars 208, and content 210, as needed. For example, custombars may include bars created to operate with search engines and thelike. As mentioned earlier, in traditional browsers, each browser windowconsumed space on a taskbar. Once a number of browser windows wereopened, the taskbar became very cluttered. For the present tabbedbrowser, a tab window manager 220 handles all the content windows 202via their respective tab window 212. The tab window manger 220communicates with a browser frame 214. In addition, browser frame 214communicates with a navigation bar 216, a frame command bar 218, and atab user-interface 222. Each of these components will be described belowin more detail after describing thread boundary 230.

Thread boundary 230 represents a boundary between a single thread (i.e.,a frame thread) that handles the processing for the components shown tothe left of thread boundary 230 and multiple threads that handle theprocessing for the components on the right of thread boundary 230. Eachinstance of content window 202 is associated with at least one of itsown threads. That thread also handles the processing for the associatedtoolbars/menus 204, custom bars 206, status bars 208, and content 210.

By having multiple threads, at least one for each content window 202,the architecture prevents a potential bottleneck caused by having onlyone thread handle the messages for all HTML rendering across themultiple tabs. In addition, having multiple threads reduces thelikelihood of unnecessary delays or timeouts when downloading web pages.Having multiple threads also makes the architecture more resilientbecause if a tab hangs, only one tab hangs instead of potentiallyhanging all of the tabs. This is in contrast with other tabbed browsersthat host their tabs on a single UI thread. In these tabbed browsers,the entire application hangs when a single tab is blocked. Eachindividual thread may be prioritized.

Each of the components in architecture 200 is now described. Asmentioned above, each content window 202 is associated with its owntoolbars/menus 204, custom bars 206, status bars 208, and content 210,as needed. For example, if there are five tabs open, five instances ofeach add-on (e.g., custom bar, toolbar, etc) are created and hooked totheir own content. Similarly, if menus or status bars are modified viainternal logic, HTML, document hosting, add-ons, or the like, the menuor status bar associated with that content window 202 is changed. Theadd-ons and the content window 202 operate in a well know manner.Because the add-ons do not know about tabs, the architecture 200 doesnot modify the operation between the add-ons and the content window.Instead, the architecture wraps each set of content windows into onebrowser frame 214. While not shown, there may be multiple browser frames214, each with a set of tabbed-heterogeneous windows.

Content window 202 maintains state for the content window, such as size,position, visibility of frame elements, and the like. The state may bepersisted into a stream when the tabbed browser closes, and then may beread when a new content window is launched. Alternatively, the state maybe saved in a registry and read from the registry when the new contentwindow is launched.

The tab window 212 lives on the frame thread. Each tab window 212 isconfigured to manage communication between the outer frame components(e.g., navigation bar 216, browser frame 214, etc) and an individualtab. The tab window 212 holds pointers to its associated content window202 and interfaces so that it can manage cross-thread communicationbetween the outer frame components and the individual content window202. The cross-thread communication may involve cross-thread calls. Inone embodiment, calls from the browser frame 214 to the content window202 may be asynchronous. The tab window 212 is then responsible formarshalling the parameters and posting a message to the main window ofcontent window 202. In contrast, calls from the content window 202 tothe frame browser 214 may be synchronous. The tab window 212 is thenresponsible for marshalling the interfaces of the corresponding tabwindow 212. The tab window 212 may also convert synchronous calls intoasynchronous calls in order to reduce the likeliness that a tab willhang.

The tab window 212 may also cache a limited amount of state. This allowsthe tab window to provide a quick synchronous lookup of state to othercomponents. When the tab window 212 receives an event from the contentwindow 202 that modifies the state, the tab window propagates theseevents up to the tab window manager 220.

In addition, the tab window 212 exposes several operations that can beperformed on a tab, such as destroy, set visibility, set size, setposition, and order. The tab window 212 also exposes operations that theframe needs for asynchronously invoking a tab. These operations may beexposed via individual application programming interfaces (API) orthrough a generic API. For the present quick pick mechanism, each tabwindow 212 may have its own set of characteristics. For example, one ofthe tab windows may be a quick pick window which has a differentnavigation characteristic than other tabbed windows. As will bedescribed and illustrated in FIG. 3-9, the navigation characteristic forthe quick pick window may modify a tab row and modify content displayedwithin a tabbed view of the tabbed browser.

The tab window manager 220 hosts multiple content windows 202 viamultiple tab windows 212. The tab window manager 220 manages the overallstate of each of the tabs. The state may include: a top level URL; apage title; a back/forward button availability; a favorite icon for thecurrent page, a progress state for the current page, securityinformation reflected in the user-interface (e.g., HTTPs info); and thelike. The tab window manager 220 may synchronously query the tab window212 for per-tab data. In addition, the tab window manager 220 managesthe operations performed on the tabs, such as open, close, select, move,set size, set position, set order, and the like. This is achieved byaccessing the operations exposed via the tab window 212.

The browser frame 214 hosts the navigation bar 216, frame command bar218, tab window manager 220, and the tab UI 222. The browser frame 214may also directly or indirectly host a rebar control (not shown). Thebrowser frame 214 brokers communication between these hosted components.

The tab UI 222 is configured to render the user-interface for thecollection of tab windows 212. As will be described later in conjunctionwith FIGS. 3-9, the Tab UI 222 may provide a quick pick user-interfacefor implementing the functionality for the present quick pick mechanism.In addition, the tab UI 222 controls the rectangle for the tabs' browserregion. Tab UI 222 receives events from tab window manager 220 viabrowser frame 214. The events pertain to the tabs being managed by tabwindow manager 220. The events include an “OnTabListChanged” event, an“OnTabChanged” event, and the like. The “OnTabListChanged” event is sentby tab window manager 220 when changes are made to a collection of tabs(e.g., Open, Close, Reorder, etc). The “OnTabChanged” event is sent bytab window manager 220 when a single tab changes (e.g., progress, title,URL). The corresponding tab window 212 sends a notification to tabwindow manager 220 which forwards the notification to tab UI 222. Thenotification identifies the tab. This method of communication keeps thecommunication serialized. In an alternate embodiment, individual tabwindows 212 may directly call into tab UI 222. In addition, there may bemultiple tab UI 222 components, each one handling the same set of tabs,but for a different location on the user-interface. For example, one tabUI may handle a tab row along the top of the display and another tab UImay handle a tab listview along the side of the display.

The frame command bar 218 provides a set of commands that have beendetermined to be the most useful. By having this set of commands readilyavailable for any tab, a user can conveniently locate one of thecommands for any tab.

Exemplary User-Interface

FIG. 3 is a display illustrating one embodiment of a user-interface thatsupports the quick pick mechanism in a tabbed browser. User-interface300 illustrates salient portions of a tabbed browser that implements thepresent quick pick mechanism. Those skilled in the art will appreciatethat optional third party toolbars (not shown), a page space control(not shown), a status bar (not shown) and/or custom bars (not shown) mayalso be included within user-interface 300 without departing from thepresent quick pick mechanism. As shown, user-interface 300 includes anavigation bar 302 and a tabbed window 312.

The tabbed window 312 includes, a tab band or tab row 320, one or moretabs (e.g., tabs 332-342), and content 360 associated with the tabcurrently in focus (e.g., tab 336 shown in FIG. 3). In addition, tabbedwindow 312 may include a new tab 356 for creating a new tab within thetabbed window 312. As additional tabs are opened, the visible portion ofeach tab is reduced to accommodate the additional tabs. Once there isinefficient space for an additional tab, some of the tabs are visuallyremoved from the tabbed window 312. However, visually removed tabs arestill maintained as tab windows (tab window 212) and are managed by thetab window manager 220 shown in FIG. 2. The visually removed tabs may beaccessed by clicking either a left or right overflow indicator 352 and354, respectively. The left and right overflow indicator 352 and 354appear within the tabbed window 312 when one or more of the open tabsare visually removed from the tab row 320. When there are a limitednumber of open tabs (e.g., four tabs), the text within each tab may besufficient to distinguish between the tabs, however once a user hasopened several tabs, it is difficult to distinguish among the severalopen tabs because the text associated with each tab is reduced and someof the tabs may not even be visible. For illustrative purposes, thepresent example displays the text for the title of each tab using itsoriginal order (e.g., 1^(st)) appended with “Site”. As one can see, asmore tabs are opened, titles for certain tabs (e.g., tabs 340 and 341)display limited useful information about the content of the associatedopen tab.

In accordance with the present quick pick mechanism, the tabbed browserprovides a mechanism for accessing a quick pick user interface. Themechanism may be a quick pick button 350, a context menu selection (notshown), and/or the like on the user-interface 300. The mechanism mayalso be a hot key (not shown) entered through a keyboard. A user mayselect the quick pick button 350 to access the quick pick userinterface.

The navigation bar 302 may include an address bar 304, a back button306, a forward button 308, and a search box 310. The content of theaddress bar 304 may be maintained for each tab. Thus, when “clicking”through the tabs 332-341 the address bar 304 may display the address forthe currently selected tab (i.e., the tab in focus). The search box 310allows text to be entered and searched for in the currently selectedtab.

In one embodiment, items in the user-interface 300 that are per frameinclude the navigation bar 302 and the tab band 320. Items in theuser-interface 300 that are per tab include content 360. In oneembodiment, content 360 may include different type of data sources. Forexample, content 360 may be a web page, a shell folder, a navigationbased application, and the like. This heterogeneous content may behosted in a single frame. In another embodiment, the content 360associated with each tab may all be web pages.

FIG. 4 is a display illustrating one embodiment for the quick pickuser-interface and illustrating a user's selection within the interface.Quick pick user-interface 400 illustrates navigation bar 302 asdescribed above and a quick pick window 460. The quick pick window 460displays a rich set information, such as a graphical representation(e.g., thumbnails 402-411) for each of the open tabs in the tab row 320,a graphical representation (e.g., thumbnails 401, 412-414) of the opentabs that are not currently visible in the tab row because they are inthe overflow. The tabbed browser scales the thumbnails so that thecontent of each tab can be viewed in the quick pick window 460. In theexample, thumbnails 401-405 are displayed consecutively on a top row,thumbnails 406-410 are displayed consecutively on a middle row, andthumbnails 411-414 are displayed consecutively on a bottom row. Thethumbnails for each of the open tabs are readily available in memory,thus displaying quick pick window 460 provides an efficient means fordistinguishing the open tabs. In certain situations, if the user hasopened a significant number of tabs, the quick pick window 460 maydisplay further scaled down thumbnails, a pre-determined number of tabs,or the like.

Each thumbnail may include a close indicator (e.g., close indicator420). If a user selects close indicator 420, the corresponding thumbnail(e.g., thumbnail 411) is removed from the quick pick window 460 and itsassociated tab (e.g., tab 341) is removed from the tab row 320. Inaddition, the rich set of information may include a page title or otheradornment for each item in the quick pick window 460. When a user hoversa pointer (e.g., pointer 422) over one of the thumbnails (e.g.,thumbnail 410), the thumbnail 410 may visually change appearance, suchas changing its color. In addition, the tab (tab 440) associated withthe hovered thumbnail 410 may change its appearance, such as changingcolor, bolding text, and the like. The user may select any one of thethumbnails to view its corresponding content in the tabbed window.

FIG. 5 is a display illustrating the tabbed window after the user'saction within the quick pick user-interface shown in FIG. 4. In thisexample, the user selected thumbnail 410 in the quick pickuser-interface shown in FIG. 4. Thus, the tabbed window displays the tab(i.e., tab 340) associated with thumbnail 410 as the in focus tab.Content of the in focus tab is displayed as the content 560 in thetabbed window 312.

FIG. 6 is a display illustrating the quick pick user-interface andillustrating another user's selection within the interface. This displayis similar to FIG. 4 except that in FIG. 6 the user selects thumbnail413. Because the tab associated with thumbnail 413 is not currentlyvisible in the tab row 320, the right overflow indicator 354 mayvisually change appearance so that the user may easily identify therelative location for the associated tab in the tab row 320. In anotherembodiment, when the user hovers over a thumbnail (e.g., thumbnail 413),the thumbnail may enlarge so that the user can more easily view thecontent associated with the open tab. A page title (e.g., page title630) or other adornment may be associated with each thumbnail. Thisprovides additional information to the user in helping the user selectone of the open tabs.

FIG. 7 is a display illustrating the tabbed window after the user'saction within the quick pick user-interface shown in FIG. 6. Asdescribed above, the user selected thumbnail 413 in the quick pickuser-interface. Thus, the tabbed window displays the tab (i.e., tab 343)associated with thumbnail 413 as the in focus tab. Content of the infocus tab is displayed as the content 760 in the tabbed window 312. Itis important to note that for this selection, the tabs displayed withinthe tab row 320 have been re-positioned so that the selected tab (i.e.,tab 343) is in a favorable position within the visible tabs. Thus, tabs332-334 (shown in FIG. 5) have been visually removed and are nowaccessible by clicking on the left overflow indicator 352. Likewise,tabs 342-344 which were previously in the overflow in FIG. 5, now appearin the tab row 320. In essence, the tabbed browser attempts tointelligently slide the tabs in the tab row based on the item selectedin the quick pick user interface.

FIG. 8 is a display illustrating the quick pick user-interface andillustrating a user re-positioning a thumbnail within the interface.Again this display is identical to FIG. 4 except that in FIG. 8 the useris performing a drag-drop operation within the quick pick userinterface. Thumbnail 413 is being re-positioned from the second to lastposition in the bottom row to the third position in the top row. Afterthe drag-drop operation, thumbnail 413 will be between thumbnail 402 andthumbnail 403 on the top row.

FIG. 9 is a display illustrating the tabbed window after the user'saction within the quick pick user-interface shown in FIG. 8. In FIG. 8,after moving thumbnail 413, the user selected thumbnail 413 for viewing.As one can see, the tabs within the tab row 320 shown in FIG. 9 havebeen re-positioned so that the tab (i.e., tab 343) associated withthumbnail 413 is positioned between tab 332 and 333 associated withthumbnails 402 and 403, respectively. In addition, tab 331 which waspreviously in the overflow has been included in the tab row 320 and tabs440 and 441 have been removed from the tab row and are now in theoverflow. This allows the selected tab 343 to have a more favorableposition than if tab 331 remained in the overflow. In one embodiment,the most favorable position may be the center tab in the tab row.Alternatively, the most favorable position may be the left most tab inthe tab row. This most favorable position may be user-definable.

Exemplary Operation

FIG. 10 is an operational state diagram 1000 generally illustrating theprocessing for managing and selecting one out of a large set of opentabs within a tabbed browser using the present quick pick feature. Theprocessing may be implemented on a computing device, such as computingdevice 100. The processing may be implemented within operating system106, as one or more program modules 108, or in a combination of the two.For illustration purposes, the processing is illustrated and describedas different transitions from different states. However, several flowdiagrams may have been used to illustrate all the processing occurringwithin state diagram 1000. At state 1002, the tabbed browser displays atabbed window that includes a tab row and contents of the currently infocus tab. From state 1002, several transitions may occur.

State 1004 may occur from state 1002. At state 1004, the tabbed browseradds a new tab and changes the in focus tab to the new tab. In addition,the tabbed browser may visually remove some of the tabs displayed on thetab row if the addition of the new tab makes the number of tabs in thetab row more than a pre-determined number. After the new tab is added,the state transitions back to state 1002.

State 1006 may occur from state 1002. At state 1006, the tabbed browserresponds to the user's selection of a tab or overflow indicator. Thetabbed browser adjusts the in focus tab and adjusts the tabs that aredisplayed on the tab row accordingly. After the tabbed browser handlesthe user's selection, the state transitions back to state 1002.

State 1008 may occur from state 1002. State 1008 is responsible forhandling the present quick pick mechanism. From state 1008, severaltransitions may occur.

State 1010 may occur from state 1008. State 1010 exits the quick pickmechanism, such as via a close button on the quick pick user interface.From state 1008, the tabbed browser transitions back to state 1002.

State 1012 may occur from state 1008. At state 1012, the tabbed browsercloses a thumbnail in response to a user's action within the quick pickuser interface. For example, the user may have selected a close button420 within the quick pick user interface. Upon closing the thumbnail,the tabbed browser may also perform other operations associated withclosing the thumbnail, such as removing the associated tab from the tabrow, deleting the associated tab window, and informing the tab windowmanager that the associated tab window is no longer open. After thetabbed browser handles closing the thumbnail, the state transitions backto state 1008.

State 1014 may occur from state 1008. At state 1014, the tabbed browsermay rearrange the thumbnails in response to a user's action within thequick pick user interface. For example, the user may have selected oneof the thumbnails, dragged it to another location, and dropped it nextto different thumbnails. The tab browser will change the order of thethumbnails displayed in the quick pick user interface. In addition, thetab browser will change the order of the tabs within the tab row toreflect the re-positioned thumbnail. After the tabbed browser handlesthe re-arranging of the thumbnails, the state transitions back to state1008.

State 1016 may occur from state 1008. At state 1016, the tabbed browsermay perform operations in response to the user's selection of one of thethumbnails displayed in the quick pick user interface. For example, thetabbed browser may set the in focus tab to be the tab associated withthe selected thumbnail. In addition, the tabbed browser mayintelligently slide the tabs within the tab row so that the selectedthumbnail is displayed in a favorable position. For example, if theselected thumbnail corresponds to a tab in the overflow on the left sideof the tab row, each tab in the tab row may move to the right untilthere are not any more items in the overflow on the left. Alternatively,each tab in the tab row may move to the right until the selected itemmoves to a favorable position on the tab row, such as in the center.Likewise, if the selected thumbnail corresponds to a tab in the overflowon the right side of the tab row, each tab in the tab row may move tothe left until there are not any more items in the overflow on theright. Alternatively, each tab in the tab row may move to the left untilthe selected item moves to a favorable position on the tab row. Thefavorable position may be user definable. Once the tabbed browserhandles the processing based on the selected thumbnail, the statetransitions to back to state 1002.

As one can see, the present quick pick mechanism allows a user toconveniently select any one of several open tabs. They can easily vieweach open tab, rearrange the tabs, close a tab, and the like. Thus, thepresent quick pick mechanism provides an enhanced and convenient viewingexperience to users.

Reference has been made throughout this specification to “oneembodiment,” “an embodiment,” or “an example embodiment” meaning that aparticular described feature, structure, or characteristic is includedin at least one embodiment of the present invention. Thus, usage of suchphrases may refer to more than just one embodiment. Furthermore, thedescribed features, structures, or characteristics may be combined inany suitable manner in one or more embodiments.

One skilled in the relevant art may recognize, however, that the presentmechanism may be practiced without one or more of the specific details,or with other methods, resources, materials, etc. In other instances,well known structures, resources, or operations have not been shown ordescribed in detail merely to avoid obscuring aspects of the presentconsistent visual appearance technique.

While example embodiments and applications have been illustrated anddescribed, it is to be understood that the present technique is notlimited to the precise configuration and resources described above.Various modifications, changes, and variations apparent to those skilledin the art may be made in the arrangement, operation, and details oftechnique disclosed herein without departing from the scope of theclaimed invention.

1-20. (canceled)
 21. A computer-implemented method for navigatingcontent, the method comprising: displaying a web browser within a windowof a display, the web browser window displaying a plurality of open tabswithin a tab band, each open tab having separate web page contentassociated therewith, wherein the plurality of open tabs includes acurrently selected tab and one or more non-selected tabs; displaying aquick pick window on the display in response to user activation of asingle quick pick mechanism, the quick pick window displaying a set ofgraphical views representing web page content for each of the pluralityof open tabs within the tab band, wherein each graphical view is scaledso that the web page content for each open tab is displayed within thequick pick window; receiving user input within the quick pick window;and modifying the quick pick window based on the user input.
 22. Thecomputer-implemented method of claim 30 wherein the step of receivinguser input within the quick pick window comprises a selection of one ofthe graphical views, and the step of modifying the quick pick windowcomprises removing the quick pick window from the display, said methodfurther comprising: setting the currently selected tab in the webbrowser window to be the open tab associated with the selected graphicalview.
 23. The computer-implemented method of claim 31 wherein: theplurality of open tabs within the tab band includes a plurality ofvisible tabs and a plurality of overflow tabs that are not currentlyvisible within the tab band of the browser window; the step of receivinguser input within the quick pick window further comprises selecting agraphical view corresponding to one of the overflow tabs that is notcurrently visible within the tab band of the browser window; and thestep of setting the currently selected tab in the web browser window tobe the open tab associated with the selected graphical view furthercomprises adjusting the open tabs within the tab band so that thecurrently selected tab is made a visible tab.
 24. Thecomputer-implemented method of claim 31 wherein the tab band is a row.